<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Online JSON Viewer</title>
	<link rel="stylesheet" type="text/css" href="./css/jsonviewer.css">
	<script type="text/javascript" src="./js/extjs.js"></script>
	<script type="text/javascript" src="./js/jsonviewer.js"></script>
	<style type="text/css">.br0 {color:#090} .st0 {color:#36C} .sy0 {color:#393}</style>
</head>
<body>

<h1>Online JSON Viewer</h1>

<div class="tab">
	<h2>About JSON</h2>
	<div>
		<b>JSON</b>, short for <b>JavaScript Object Notation</b>, is a lightweight computer data interchange format. JSON is a text-based, human-readable format for representing simple data structures and associative arrays (called objects).<br/><br/>
		Read more: <a href="http://json.org" target="_blank">json.org</a>, <a href="http://en.wikipedia.org/wiki/JSON" target="_blank">wikipedia</a>, <a href="http://www.google.com/search?q=json" target="_blank">google</a><br/><br/>
		<h3>In JSON, they take on these forms</h3>
		<img src="./images/object.png" height="113" width="598" alt="JSON object"/><br/><br/>
		<img src="./images/array.png" height="113" width="598" alt="JSON array"/><br/><br/>
		<img src="./images/value.png" height="278" width="598" alt="JSON value"/><br/><br/>
		<img src="./images/string.png" height="413" width="598" alt="JSON string"/><br/><br/>
		<img src="./images/number.png" height="266" width="598" alt="JSON number"/>
	</div>
</div>

<div class="tab">
	<h2>Example</h2>
	<div>

<pre><span class="br0">{</span>
    <span class="st0">"firstName"</span><span class="sy0">:</span> <span class="st0">"John"</span><span class="sy0">,</span>
    <span class="st0">"lastName"</span><span class="sy0">:</span> <span class="st0">"Smith"</span><span class="sy0">,</span>
    <span class="st0">"gender"</span><span class="sy0">:</span> <span class="st0">"man"</span><span class="sy0">,</span>
    <span class="st0">"age"</span><span class="sy0">:</span> <span class="st0">32</span><span class="sy0">,</span>
    <span class="st0">"address"</span><span class="sy0">:</span> <span class="br0">{</span>
        <span class="st0">"streetAddress"</span><span class="sy0">:</span> <span class="st0">"21 2nd Street"</span><span class="sy0">,</span>
        <span class="st0">"city"</span><span class="sy0">:</span> <span class="st0">"New York"</span><span class="sy0">,</span>
        <span class="st0">"state"</span><span class="sy0">:</span> <span class="st0">"NY"</span><span class="sy0">,</span>
        <span class="st0">"postalCode"</span><span class="sy0">:</span> <span class="st0">"10021"</span>
    <span class="br0">}</span><span class="sy0">,</span>
    <span class="st0">"phoneNumbers"</span><span class="sy0">:</span> <span class="br0">[</span>
        <span class="br0">{</span> <span class="st0">"type"</span><span class="sy0">:</span> <span class="st0">"home"</span><span class="sy0">,</span> <span class="st0">"number"</span><span class="sy0">:</span> <span class="st0">"212 555-1234"</span> <span class="br0">}</span><span class="sy0">,</span>
        <span class="br0">{</span> <span class="st0">"type"</span><span class="sy0">:</span> <span class="st0">"fax"</span><span class="sy0">,</span> <span class="st0">"number"</span><span class="sy0">:</span> <span class="st0">"646 555-4567"</span> <span class="br0">}</span>
    <span class="br0">]</span>
<span class="br0">}</span></pre>

	</div>
</div>

<div class="tab">
	<h2>About Online JSON Viewer</h2>
	<div>
		Convert JSON Strings to a Friendly Readable Format<br/>
		The application using <a href="http://extjs.com" target="_blank">Ext JS</a>.<br/>
		Author: {gabor}<br/><br/>
	</div>
</div>

</body>
</html>